<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=0" name="viewport" />        
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<title>订单详情</title>
<link rel="stylesheet" href="css/oderDetail.css">
</head>
<body>
<div class="container">
	<div class="order">
		<div class="top-bar">
			财富管理套餐之超值特色极致至尊版财富管理套餐之超值特色极致至尊版
			<span class="tag unpay">待支付</span>
			<!-- 已生效:effect
			已解约:outdeal -->
		</div>
		<div class="middle flex">
			<div class="m-l">
				<img src="images/top-right-pic.png" alt="">
			</div>
			<div class="m-r flex-1">
				投资决策主力版套餐为您提供投资决策资金流向、投资决策决策信号、信号、投资决策深资决策深资决策深资决策深
			</div>
		</div>
		<div class="bottom">
			<div class="b-l">产品编号：CP0101</div>
			<div class="b-r">2980/年</div>
		</div>
	</div>

	<div class="lists-wrap">
		<div class="list-bar">
			<div class="l-bar-l">订单编号</div>
			<div class="l-bar-r">2016062717150599982001</div>
		</div>
		<div class="list-bar">
			<div class="l-bar-l">专属投顾</div>
			<div class="l-bar-r">王佳宇</div>
		</div>
		<div class="list-bar">
			<div class="l-bar-l">签约时间</div>
			<div class="l-bar-r">2016-06-27 17:15:05</div>
		</div>
		<div class="list-bar">
			<div class="l-bar-l">生效时间</div>
			<div class="l-bar-r">2016-06-27 17:15:05</div>
		</div>
		<div class="list-bar">
			<div class="l-bar-l">解约时间</div>
			<div class="l-bar-r">2016-06-27 17:15:05</div>
		</div>
	</div>

	<!-- 接收方式 -->
	<div class="receive-way">
		<div class="receive-wrap">
			<div class="receive-l">
				<span>接收方式</span>
			</div>
			<div class="receive-r">
				<span>修改</span>
			</div>
		</div>
		<div class="receive-wrap">
			<div class="receive-l">
				<span>手机短信</span>
			</div>
			<div class="receive-r">
				<span id="tel">13587489988</span>

			</div>
		</div>
		<div class="receive-wrap">
			<div class="receive-l">
				<span>邮箱</span>
			</div>
			<div class="receive-r">
				<span id="mail">343408754@qq.com</span>
			</div>
		</div>
	</div>
	
	<div class="footer">
		<div class="btns-wrap">
			<a href="javascript:;" class="outdeal">
				解约
			</a>
			<a href="javascript:;" class="buy">
				续期
			</a>
			<!-- <a href="javascript:;" class="resign">
				重新签约
			</a> -->
		</div>
	</div>


</div>
<script src="js/lib/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src="js/lib/hammer.min.js" type="text/javascript"></script>
<script src="js/lib/jquery.hammer.js" type="text/javascript"></script>
</body>
</html>